* {
    padding: 0;
    margin: 0;
}


.Other_select {
    position: absolute;
    right: -63px;
    top: 69px;
    z-index:100;
}
.Other_select ul {
    float: right;
    background: #fff;
    width: 150px;
    display: none;
}

.Other_select ul li {
    text-align: center;
    padding-left: 0px !important;
    width: 100%;
    box-shadow:0px 1px 0px 0px rgba(240,240,240,1);
}

.Other_select ul li a {
    width: 100%;
    height: 100%;
    line-height: 70px;
    color: black;
    text-decoration: none;
    text-align: center;
}


body {
    background: #F7F7F7;
}

ul {
    margin-bottom: 0px;
}
li {
    list-style: none;
}

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
}

.nav {
    height: 70px;
    background: rgba(29, 71, 121, 1);
}

.nav-center {
    width: 1200px;
    margin: 0 auto;
}

.header {
    height: 70px;
    background: rgba(29, 71, 121, 1);
    box-sizing: border-box;
    margin-bottom: 30px;
}

.nav {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.logo img {
    margin-top: -10px;
}

div.logo {
    float: left;
}

div.logo span {
    display: inline-block;
    height: 21px;
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    margin-left: 17px;
    /*padding-top: 25px;*/
}

.header ul {
    list-style-type: none;
    float: right;
    /*子元素absol*/
    margin-bottom: 0px;

}

.header ul li {
    /*min-width: 110px;*/
    height: 70px;
    text-align: center;
    float: left;
    padding-left: 70px;
    line-height: 70px;
}
.Other_select ul li a:hover {
    background: rgba(80,151,236,1);
    color: #fff;
}

ul li a {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    display: inline-block;
    height: 33px;
}

a:hover {
    color: #ffffff;
}
.active_a {
    border-bottom: 3px solid #fff;
}

li:nth-child(1):hover~.move {
    /*li元素的父元素的第一个子元素，当鼠标停留其上时，move元素的left属性改变*/
    left: 0px;
}

li:nth-child(2):hover~.move {
    left: 110px;
}

li:nth-child(3):hover~.move {
    left: 220px;
}

li:nth-child(4):hover~.move {
    left: 330px;
}

li:nth-child(5):hover~.move {
    left: 440px;
}

li:nth-child(6):hover~.move {
    left: 550px;
}

/*footer*/

.footer {
    margin-top: 50px;
    background: rgba(29, 71, 121, 1);
}

.footer-center {
    width: 1100px;
    margin: 0 auto;
    height: 369px;
    padding-top: 108px;
    padding-left: 108px;
}

.img-div {
    float: left;
}

.img-div img {
    margin-right: 74px;
}

.img-div p {
    height: 25px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(94, 159, 237, 1);
    line-height: 25px;
    margin-top: 20px;
}

.img-div .one {
    width: 108px;
    margin-right: 56px;
}

.img-div .two {
    width: 144px;
    margin-left: -10px;
}

.img-div .three {
    width: 126px;
    margin-left: -2px;
}

.img-div .four {
    width: 144px;
    margin-left: -14px;
}

.img-div .five {
    width: 126px;
    margin-left: -2px;
}

.footer span {
    display: inline-block;
    width: 627px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(94, 159, 237, 1);
    line-height: 28px;
    margin-left: 16%;
    margin-top: 40px;
}